import React from "react";
import Logo from "./widgets/Logo";
import Menu from "../component/Menu";
import Context from "./Context";

import SideMenu from "./config/side";

export default class App extends React.Component
{
    render ()
    {
        return <Context.Consumer>
            {context => (<div className={context.showSide ? "side" : "side hide"} style={{flexShrink:0}}>
                <Logo type="text">Hello,world</Logo>
                <Menu.Fold items={SideMenu}/>
            </div>)}
        </Context.Consumer>
    }
}